<script>
//1.导入子组件
import TabItem from "../components/TabItem.vue";
export default {
  name: "Main",
  //2.注册子组件
  components:{
    TabItem
  }
}
</script>

<template>
  <div class="tabBar">
<!-- 3.使用子组件   -->
    <TabItem src="/src/assets/1.png" words="首页"/>
    <TabItem src="/src/assets/2.png" words="书影音"/>
    <TabItem src="/src/assets/3.png" words="广播"/>
    <TabItem src="/src/assets/4.png" words="小组"/>
    <TabItem src="/src/assets/5.png" words="我的"/>
  </div>
</template>

<style scoped>
.tabBar{
  height: 68px;
  width: 100%;
  border: 1px solid #ccc;
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 10px 0;
}

</style>